<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>小米盒子</title>
    <link rel="stylesheet" href="css/小米盒子.css"/>
</head>
<body>
<div class="top">
    <div class="top-a centenr">
        <ul class="top-aa">
            <li>小米网</li>
            <li>|</li>
            <li>MIUI</li>
            <li>|</li>
            <li>米聊</li>
            <li>|</li>
            <li>游戏</li>
            <li>|</li>
            <li>多看阅读</li>
            <li>|</li>
            <li>云服务</li>
            <li>|</li>
            <li>小米网移动版</li>
            <li>|</li>
            <li>Select region</li>
            <li>|</li>
            <li>米粉节答疑</li>
        </ul>
        <ul class="top-ab">
            <li>注册</li>
            <li>|</li>
            <li>登录</li>
        </ul>
    </div>
    </div>

    <div class="nav centenr">
        <div class="nav-a"><button>购物车</button>
            <p><span></span> 4月14日开放购买</p>
            <div class="nav-a-ss">
                <input placeholder="搜索您需要的商品" type="text"/>
                <a href="#"></a>
            </div>

        </div>
        <div class="nav-b">
            <div class="nav-c">
                全部商品分类
            </div>
            <div class="nav-d">
                <ul>
                    <li>首页</li>
                    <li>小米手机</li>
                    <li>红米</li>
                    <li>小米平板</li>
                    <li>小米电视</li>
                    <li>盒子</li>
                    <li>路由器</li>
                    <li>合约机</li>
                    <li>服务</li>
                    <li>社区</li>
                </ul>
            </div>
        </div>
        <div class="nav-e">
            <button>立即购买</button>
            <ul>
                <li>综述</li>
                <li>设计</li>
                <li>片源</li>
                <li>功能</li>
                <li>配置</li>
                <li>产品故事</li>
                <li>参数</li>
                <li>讨论区</li>
                <li>F码通道</li>
            </ul>
            <p><span>小米小盒子</span> | 小米盒子 增强版</p>
        </div>
    </div>
<div class="reddot">
    <div class="reddot-a centenr">
    <p class="reddot-b">小米小盒子</p>
    <p class="reddot-c">全球最小的全高清网络机顶盒</p>
    <p class="reddot-d"><span>199</span> 元</p>
    <button>立即购买</button>
    </div>
</div>
<div class="cha">
    <p class="cha-a">顶尖科技，小到难以置信</p>
    <p class="cha-b">小米小盒子出乎意料的小，采用电源直插，仅占一个插线孔，可<br>随意放在任何一个角落，无需为它特别准备空间。</p>
</div>
<div class="shou">
</div>
<div class="cltv"></div>
<div class="shong"></div>
<div class="liwu">
    <p class="liwu-a">小米最好的新年礼物</p>
    <p class="liwu-b">199 <span>元</span></p>
    <img src="images4/hz-28.jpg" alt=""/><br>
    <button>立即购买</button>
</div>
<div class="sj-b">
<div class="sj centenr">
    <div class="sj-a">
        <img src="images4/hzs-10.jpg" alt=""/>
        <p>设计</p>
    </div>
    <div class="sj-a">
        <img src="images4/hzs-11.jpg" alt=""/>
        <p>片源</p>
    </div>
    <div class="sj-a">
        <img src="images4/hzs-12.jpg" alt=""/>
        <p>功能</p>
    </div>
    <div class="sj-a">
        <img src="images4/hz-13.jpg" alt=""/>
        <p>配置</p>
    </div>
    <div class="sj-a" style="border-right: none">
        <img src="images4/gongyi.png" alt=""/>
        <p>产品故事</p>
    </div>
</div>
</div>
<div class="dianshi centenr">
        <div class="dianshi-b">
            <img src="images4/shoubing.jpg">
            <p class="dianshi-ba">小米蓝牙手柄</p>
            <p class="dianshi-bb">双马达振动三轴重力感应<br>小米电视、盒子游戏必备</p>
            <span>99元</span>
        </div>
        <div class="dianshi-b">
            <img src="images4/common-footer-mitv2.jpg">
            <p class="dianshi-ba">小米电视2</p>
            <p class="dianshi-bb">配备独立音响的超强4K电视<br>含电视、Soundbar与无线低音响</p>
            <span>3999元</span>
        </div>
        <div class="dianshi-b">
            <img src="images4/common-footer-mibox.jpg">
            <p class="dianshi-ba">小米盒子 增强版</p>
            <p class="dianshi-bb">首款4K超高清网络机顶盒<br>性能提升至3倍，电视变身游戏机</p>
            <span>299元</span>
        </div>
</div>
<div class="end">
    <div class="end-a centenr">
        <div class="end-b">
            <img src="images3/10.png" alt=""/>
            <p>1小时快修服务</p>
        </div>
        <div class="end-b">
            <img src="images3/11.png" alt=""/>
            <p>7天无理由退化</p>
        </div>
        <div class="end-b">
            <img src="images3/12.png" alt=""/>
            <p>15天免费换货</p>
        </div>
        <div class="end-b">
            <img src="images3/13.png" alt=""/>
            <p>满150元包邮</p>
        </div>
        <div class="end-b">
            <img src="images3/14.png" alt=""/>
            <p>520余家售后网点</p>
        </div>

    </div>
    <div class="end-c centenr">
        <div class="end-d">
            <p class="end-d-wz">400-100-5678</p>
            <p class="end-d-wx">周一至周日8：00-21：00<br>（仅收市话费）</p>
            <button>24小时在线客服</button>
        </div>

        <div class="end-e">
            <ul>
                <li><a href="#">帮助中心</a></li>
                <li><a href="#">购物指南</a></li>
                <li><a href="#">支付方式</a></li>
                <li><a href="#">配送方式</a></li>
            </ul>
            <ul>
                <li><a href="#">服务支持</a></li>
                <li><a href="#">售后政策</a></li>
                <li><a href="#">自助服务</a></li>
                <li><a href="#">相关下载</a></li>
            </ul>
            <ul>
                <li><a href="#">小米之家</a></li>
                <li><a href="#">小米之家</a></li>
                <li><a href="#">服务网店</a></li>
                <li><a href="#">预约亲临到店的服务</a></li>
            </ul>
            <ul>
                <li><a href="#">关于小米</a></li>
                <li><a href="#">了解小米</a></li>
                <li><a href="#">加入小米</a></li>
                <li><a href="#">联系我们</a></li>
            </ul>
            <ul>
                <li><a href="#">关注我们</a></li>
                <li><a href="#">新浪微博</a></li>
                <li><a href="#">小米部落</a></li>
                <li><a href="#">官方微信</a></li>
            </ul>
        </div>
    </div>
    <div class="end-f centenr">
        <ul>
            <li>小米旗下网站：小米网</li>
            <li>|</li>
            <li><a href="#">MIUI</a></li>
            <li>|</li>
            <li><a href="#">米聊</a></li>
            <li>|</li>
            <li><a href="#">多看书城</a></li>
            <li>|</li>
            <li>小米路由器<a href="#"></a></li>
            <li>|</li>
            <li><a href="#">繁体香港</a></li>
            <li>|</li>
            <li><a href="#">繁体台湾</a></li>
            <li>|</li>
            <li><a href="#">English</a></li>
            <li>|</li>
            <li><a href="#">小米后院</a></li>
            <li>|</li>
            <li><a href="#">小米天猫店</a></li>
            <li>|</li>
            <li><a href="#">小米淘宝直营店</a></li>
            <li>|</li>
            <li><a href="#">小米网盟</a></li>
        </ul><br>
        <p>mi.com京ICP证110507号 京ICP备10046444号 京公网安备1101080212535号 京网文[2014]0059-0009号</p>

        <div class="end-i">
            <input placeholder="简体中文" type="text"/>
        </div>
    </div>
</div>
</body>
</html>